page,
html,
body,
#app {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	--size2: calc((2 / 3.75) * 1vw);
	--size4: calc((4 / 3.75) * 1vw);
	--size6: calc((6 / 3.75) * 1vw);
	--size8: calc((8 / 3.75) * 1vw);
	--size12: calc((12 / 3.75) * 1vw);
	--size32: calc((32 / 3.75) * 1vw);
}

@media screen and (min-width: 768px) {

	page,
	html,
	body,
	#app {
		--size2: calc((1 / 3.75) * 1vw);
		--size4: calc((2 / 3.75) * 1vw);
		--size8: calc((4 / 3.75) * 1vw);
		--size12: calc((6 / 3.75) * 1vw);
		--size32: calc((16 / 3.75) * 1vw);
	}
}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ellipsis1 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
}

.ellipsis2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
}

.ellipsis4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
}

.ellipsis6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
}

.radius2 {
	border-radius: var(--size2);
}

.radius2T {
	border-radius: var(--size2) var(--size2) 0 0;
}

.radius2B {
	border-radius: 0 0 var(--size2) var(--size2);
}

.radius4 {
	border-radius: var(--size4);
}

.radius4T {
	border-radius: var(--size4) var(--size4) 0 0;
}

.radius4B {
	border-radius: 0 0 var(--size4) var(--size4);
}

.radius6 {
	border-radius: var(--size6);
}

.radius6T {
	border-radius: var(--size6) var(--size6) 0 0;
}

.radius6B {
	border-radius: 0 0 var(--size6) var(--size6);
}

.radius8 {
	border-radius: var(--size8);
}

.radius8T {
	border-radius: var(--size8) var(--size8) 0 0;
}

.radius8B {
	border-radius: 0 0 var(--size8) var(--size8);
}

.radius99 {
	border-radius: 99px;
}

button {
	margin: 0;
	padding: 0;
	box-sizing: initial;
	overflow: inherit;
	background: transparent;
}

button::after {
	border: none;
	transform-origin: 50%;
}

.lh-normal {
	line-height: normal;
}

.lh-1 {
	line-height: 1;
}

.lh-1-1 {
	line-height: 1.1;
}

.lh-1-2 {
	line-height: 1.2;
}

.lh-1-3 {
	line-height: 1.3;
}

.lh-1-4 {
	line-height: 1.4;
}

.lh-1-5 {
	line-height: 1.5;
}

.lh-1-6 {
	line-height: 1.6;
}

.lh-1-7 {
	line-height: 1.7;
}

.lh-2 {
	line-height: 2;
}

.iosBtmPadding {
	padding-bottom: calc(constant(safe-area-inset-bottom));
	padding-bottom: calc(env(safe-area-inset-bottom));
}


.btmLine {
	position: relative;
}

.btmLine::after {
	position: absolute;
	content: '';
	height: calc((1 / 3.75) * 1vw);
	width: calc(100% - var(--normal));
	right: 0;
	bottom: 0;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	background: #f5f5f5;
}

.line1px {
	position: relative;
	height: 100%;
	line-height: 1;
}

.line1px::after {
	content: '';
	position: absolute;
	top: -50%;
	left: 0;
	border: calc((1 / 3.75) * 1vw) solid;
	width: 200%;
	height: 200%;
	transform-origin: 0;
	transform: scale(0.5, 0.5);
	border-color: var(--color-normal);
	box-sizing: border-box;
}

.line1pxC-main::after {
	border-color: var(--color-main);
}

.line1pxC-small::after {
	border-color: var(--color-small);
}

.line1pxC-little::after {
	border-color: var(--color-little);
}

.line1pxC-white::after {
	border-color: var(--color-white);
}

.line1pxBR99::after {
	border-radius: 99px;
}

.fw-b {
	font-weight: bold;
}

.fs-0 {
	font-size: 0;
}

.inLB {
	display: inline-block;
}

.inLF {
	display: inline-flex;
}

.overflow {
	overflow: hidden;
}

.va-m {
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
}

.symbolNoBreak {
	word-break: normal;
	text-align: justify;
}

.bsbx {
	box-sizing: border-box;
}

/* 隐藏滚动条 */
::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}

.nowrap {
	white-space: nowrap;
}

.justify {
	text-align: justify;
}

.lastJustify {
	text-align-last: justify;
}
/* @font-face {
	font-family: 'PingFangSC';
	src: url('~@/static/font/PingFang.ttc');
}
* {
	font-family: 'PingFangSC';
} */